.container{
	width: 1200px;
	height: 460px;
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -600px;
	margin-top:-330px;
}
.prev,.next{
	width: 40px;
	height: 60px;
	display:flex;
    justify-content:center;
    align-items:center;
	position: absolute;
	top:200px;
	left: 0px;
	transform: rotate(180deg);
	cursor: pointer;
	background-color: rgba(94,94,94,0.3);
}
.button{
	border:1px solid red;
}
.next{
	left:auto;
	right: 0px;
	transform: rotate(0deg);
}
.prev:hover,.next:hover{
	background-color: rgba(94,94,94,1);
}
.dots{
	position: absolute;
	bottom: 10px;
	right: 50px;
}
.dots span{
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color:rgba(7, 17, 27, 0.4);
	box-shadow: 0 0 0 2px rgb(255 255 255 / 8);
	border-radius: 50%;
	cursor:pointer;
	margin-right: 15px;
}
.dots .active{
	background-color:white;
}